<!DOCTYPE html>
<html class="jup-html" >
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<meta content="email=no" name="format-detection">
		<title>跳格子游戏</title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<!-- <link rel="stylesheet" type="text/css" href="plugin/iscroll/iscroll.css" /> -->
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/adaptive-version3.js" type="text/javascript"></script>
		
	    <script>
	        // 设计图宽度
	        window['adaptive'].desinWidth = 750;
	        // body 字体大小
	        window['adaptive'].baseFont = 18;
	        
	        // 显示最大宽度 
	        window['adaptive'].maxWidth = 750;
	        
	        // 初始化
	        window['adaptive'].init();
		</script>
		<!-- <script src="vconsole.min.js"></script>
		<script>
			// 初始化
			var vConsole = new VConsole();
			console.log('VConsole is cool');
		</script> -->
			
	
	<body class="jupGameOn" id="myframe">
		<div class="Jup_container JupgameBg">
			<div class="topInfo">
				<div class="name"><p>moneymoneymoney</p></div>
				<p class="score">0分</p>
				<!-- <div id="time">30</div> -->
				<!-- <span id="timeValue"></span> -->
			</div>
			<span id="double" >x2</span>
			<div class="wraps">
				<div id="gamePeople" class="gamePeoplep prevent">
					<!-- <img src="images/jup_img/pic@2x.png"> -->
				</div>
			    <div class="wrapPic">
					<div class="right" style="left: 1.14rem;bottom:0;opacity: 0;">
						<span class="msg-normal">偷</span><span class="msg-normal">懒</span>
					</div>
					<div class="right" style="left: 3.7rem;bottom:3.7rem">
						<span class="msg-normal">废</span><span class="msg-normal">寝</span><span class="msg-normal">忘</span><span class="msg-normal">食</span>
					</div>
					<div class="right" style="left: 1.14rem;bottom:7.4rem">
						<span class="msg-normal">偷</span><span class="msg-normal">懒</span>
					</div>
				</div>
			</div>
			<span class="jup-left"></span>
			<span class="jup-right"></span>
        </div>
        
        <!--透明背景-->
        <div class="popupBg" style="display: block;"></div>
        
        <!--加载中-->
        <div class="loading"></div>
        
      
	

		<!--排行榜弹窗-->
		<div class="popup rankPop">
			<a href="javascript:void(0);" class="closeBtn"></a>
			<h3 class="title ranks"></h3>
			<div class="rank">
				<div id="wrapper">
					<div id="scroller">
						<div class="rTable">
							<table cellspacing="0" cellpadding="0">
								<thead>
									<tr>
										<td>排名</td>
										<td>昵称</td>
										<td>分数</td>
									</tr>
								</thead>
								<tbody id="tList">
									<tr>
										<td>
											<i class="tRank01"></i>
										</td>
										<td>money</td>
										<td>13698分</td>
									</tr>
									<tr>
										<td>
											<i class="tRank02"></i>
										</td>
										<td>money</td>
										<td>13698分</td>
									</tr>
									<tr>
										<td>
											<i class="tRank03"></i>
										</td>
										<td>money</td>
										<td>13698分</td>
									</tr>
									<tr>
										<td>4</td>
										<td>money</td>
										<td>13698分</td>
									</tr>
									<tr>
										<td>5</td>
										<td>money</td>
										<td>13698分</td>
									</tr>
									<tr>
										<td>6</td>
										<td>money</td>
										<td>13698分</td>
									</tr>
									<tr>
										<td>7</td>
										<td>money</td>
										<td>13698分</td>
									</tr>
									<tr>
										<td>8</td>
										<td>money</td>
										<td>13698分</td>
									</tr>
									<tr>
										<td>9</td>
										<td>money</td>
										<td>13698分</td>
									</tr>
									<tr>
										<td>10</td>
										<td>money</td>
										<td>13698分</td>
									</tr>
								</tbody>
							</table>
						</div>
				
						<!-- <div id="pullUp_list">
							<span class="pullUpLabel">上拉加载更多</span>
						</div> -->
					</div>
				</div>
			</div>
		</div>
			
			
		
			
		<!--挑战失败弹窗-->
		<div class="popup failPop">
			<h3 class="title faliPic"></h3>
			<div class="rContent">
				<div class="failBox">
					<p>您的成绩为：<span class="failScore">80分</span></p>
					<p>成绩必须达到100分才能抽奖</p>
					<p>最佳纪录为：120分</p>
					<p>最佳排名为：第147名</p>	
				</div>
				<div class="bottomBtn">
					<a  href="javascript:void(0);" class="againBtn">再玩一次</a>
					<a  href="javascript:;" class="leaderboardBtn">排行榜</a>
					<a  href="index.html"  class="backBtn return-index">返回首页</a>
				</div>
			</div>
		</div>
			
		<!--挑战成功弹窗-->
		<div class="popup successPop">
			<h3 class="title successPic"></h3>
			<div class="rContent">
				<div class="successBox">
					<p>您的成绩为：<span class="successScore">120分</span></p>
					<p>成绩必须达到100分才能抽奖</p>
					<p>最佳纪录为：120分</p>
					<p>最佳排名为：第147名</p>	
				</div>
				<div class="bottomBtn">
					<a href="javascript:void(0);" class="againBtn">再玩一次</a>
					<a href="javascript:void(0);" class="leaderboardBtn">排行榜</a>
					<a href="index.html" class="backBtn return-index">返回首页</a>
				</div>
			</div>
		</div> 

		<div class="explain-how">
			<div class="explain-layout">
				<p>1、人物根据用户控制箭头来控制方向</p>
				<p>2、人物掉下去游戏结束</p>
				<p>3、游戏中还有特殊格子哦</p>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/jquery.min.js" ></script>
	<script src="plugin/fastclick.js" type="text/javascript" charset="utf-8"></script>
	<script>
	</script>
	<!-- <script type="text/javascript" src="plugin/iscroll/iscroll.js" ></script>
	<script type="text/javascript" src="plugin/iscroll/iscroll-item.js" ></script> -->
	<script type="text/javascript" src="js/playGame.js" ></script>
</html>
